<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/美好纺织1.css">
    <link rel="stylesheet" href="./css/美好纺织1media.css">
</head>

<body>
    <header class="header">
        <div class="head clearfix">
            <ul class="right">
                <li class="left">设为首页</li>
                <li class="left">加入收藏</li>
                <li class="left">联系我们</li>
            </ul>
        </div>
        <nav class="nav clearfix">
            <div class="navBox right">
                <a href="./首页.html" class="left">网站首页</a>
                <a href="" class="left">公司简介</a>
                <a href="" class="left">新闻动态</a>
                <a href="" class="left">产品展厅</a>
                <a href="" class="left">招商加盟</a>
                <a href="" class="left">诚聘英才</a>
                <a href="" class="left">联系我们</a>
            </div>
        </nav>
        <div class="image">
            <img src="./img/index_07.png" alt="">
        </div>
    </header>

    <div class="banner">
        <div class="img">
            <a href="">
                <img src="./img/index_11.png" alt="">
            </a>
        </div>
    </div>


    <div class="search">
        <form class="form">
            <span>产品搜索：</span>
            <input type="text" placeholder="关键字">
            <a href=""><img src="./img/list_15.png" alt=""></a>
        </form>
    </div>


    <div class="main clearfix">
        <div class="left">
            <h2>
                <span>产品分类</span>
            </h2>
            <ul>
                <li><a href="">床上用品</a></li>
                <li><a href="">窗纱</a></li>
                <li><a href="">家饰用品</a></li>
                <li><a href="">家居服饰</a></li>
                <li><a href="">其他</a></li>
            </ul>
            <h2>
                <span>资讯搜索</span>
            </h2>
            <form class="form">
                <input type="text" placeholder="关键字">
                <a href=""><img src="./img/list_15.png" alt=""></a>
            </form>

        </div>
        <div class="right">
            <div class="head clearfix">
                <h3 class="left">
                    <span>产品展厅</span>
                </h3>
                <span class="right">
                    您当前的位置：
                    <a href="./首页.html">首页</a>
                    &gt;
                    <a href="">产品展厅</a>
                </span>
            </div>

            <ul class="clearfix">
                <li class="left">
                    <a href="./美好家纺2.html"><img src="./img/7.jpg" alt=""><span>床上用品</span></a>
                </li>
                <li class="left">
                    <a href=""><img src="./img/8.jpg" alt=""><span>沙发套装</span></a>
                </li>
                <li class="left">
                    <a href=""><img src="./img/3.jpg" alt=""><span>家饰用品</span></a>
                </li>
                <li class="left">
                    <a href=""><img src="./img/6.jpg" alt=""><span>沙发套装</span></a>
                </li>
                <li class="left">
                    <a href=""><img src="./img/1.jpg" alt=""><span>沙发套装</span></a>
                </li>
                <li class="left">
                    <a href=""><img src="./img/4.jpg" alt=""><span>沙发套装</span></a>
                </li>
                <li class="left">
                    <a href=""><img src="./img/2.jpg" alt=""><span>沙发套装</span></a>
                </li>
                <li class="left">
                    <a href=""><img src="./img/9.jpg" alt=""><span>床上用品</span></a>
                </li>
                <li class="left">
                    <a href=""><img src="./img/5.jpg" alt=""><span>窗帘</span></a>
                </li>
            </ul>

            <div class="foot clearfix">
                <span class="left">共两页 每页9条 页次1/2</span>
                <form action="" class="right">
                    <button>首页</button>
                    <button>上一页</button>
                    <button>下一页</button>
                    <select name="" id="">
                        <option value="">1</option>
                        <option value="">2</option>
                        <option value="">3</option>
                    </select>
                    <button>尾页</button>
                </form>
            </div>
        </div>
    </div>


    <footer class="footer">
        <nav>
            <a href="">关于我们</a>
            <a href="">联系方式</a>
            <a href="">客户留言</a>
            <a href="">加盟申请</a>
            <a href="">诚聘英才</a>
            <a href="">友情链接</a>
        </nav>
        <div class="copyright">
            版权所有 Copyright(C)2009-2010 杭州市某某纺织品公司
        </div>
    </footer>
</body>

</html>